一個好的專案結構,能快速找到需要的檔案,也能讓其他人更容易理解專案的內容。
一個常見的網頁專案結構如下:
iThome2025/
├── day25.html
├── css/
│ └── style.css
├── images/
│ └── pic.png
├── js/
│ └── script.js
將 HTML、CSS、JavaScript 檔案分開放在不同的資料夾。
將所有圖片都放在 images 資料夾。
將目前的作品集專案,整理成標準的目錄結構。需要修改 HTML 和 CSS 中圖片路徑的引用。
例如,從 images/pic.png。
執行成果 :